<template>
    <div class="club-detail">
        <van-image :src="'/uploads' +data.thumb" fit="cover"></van-image>
        <div class="follow">
            <span>{{fansnum}} fans |</span>
            <span>  {{membernum}} member</span>
        </div>
    </div>
</template>
<script>
export default {
  name: 'clubdetail',
  props: {
    data: Object
  },
  data () {
    return {
      fansnum: 0,
      membernum: 0
    }
  },
  mounted () {
  },
  updated () {
    this.fansnum = this.data.Clubfans.length
    this.membernum = this.data.Clubmember.length
  }
}
</script>
<style scoped>
.club-detail{
    text-align: center;
    border-bottom: 1px solid rgb(202, 197, 197);
    padding-bottom: 0.8rem;
}
.van-image{
  border: 1px solid #aaa;
  border-radius: 50%;
  overflow: hidden;
  height: 5rem;
  width: 5rem;
  text-align: center;
  line-height: 4.5rem;
}
.follow{
    width: 100%;
}
.follow span{
    width: 50%;
    font-size: 0.8rem;
    color: #999;
}
</style>
